关键字: PostCSS
  • 20个让你效率更高的CSS代码技巧
    在本文中,我们想与您分享一个由各大CSS网站总结推荐的20个有用的规则和实践经验集合。有一些是面向CSS初学者的,有一些知识点是进阶型的。希望每个人通过这篇文章都能学到对自己有用的知识。好了,我们开始。1.注意外边距折叠与其他大多数属性不同 ...
  • 基于vue-cli4配置px2rem做到移动端自适配
    在实际开发中,我们需要将设计稿中的px转换成rem,然后再写入到样式中。postcss-px2rem可以帮助我们自动完成转换。 一、安装模块 cnpm install amfe-flexible postcss-px2rem -S ...
  • 大佬教你如何写出更好的CSS,分享web前端资料
    让我们开门见山:编写优秀的 CSS 代码是件十分痛苦的事情。很多开发人员都不想做 CSS 开发。你让我干什么都行,但是 CSS 还是算了吧。在我创建应用的时候,从来都无法从 CSS 中享受到乐趣。但是你也躲不过去,是不是?我是说,我们全神贯 ...
  • 前端基建
    这两三年我自学了一些前端知识,有幸在一个小型团队里经历了从 0 建设前端项目的整个过程。这期写写我在这次经历中的一些体会吧。 代码规范 基建的第一点自然是代码风格了,我记得早些年网上没事还在争吵 tab 是两个空格还是四个空格的问题。虽然听 ...
  • 优雅的在vue中使用TypeScript
    引言 近几年前端对 TypeScript的呼声越来越高,Typescript也成为了前端必备的技能。TypeScript 是 JS类型的超集,并支持了泛型、类型、命名空间、枚举等特性,弥补了 JS 在大型应用开发中的不足。 在单独学习 Ty ...
  • 【Webpack4】CSS 配置之 postcss-loader
    postcss-loader 应该是 Webpack 配置中不可或缺的一个 CSS loader。它负责进一步处理 CSS 文件,比如添加浏览器前缀,压缩 CSS 等。 配置 postcss-loader 时,可以在 webpack.con ...
  • web前端入门到实战:css预处理器 - sass/scss、less、stylus
    css 预处理工具,可以将其对应的DSL(领域特定语言)编译为 css 基本介绍 sass/scss SASS 2007年诞生,最早也是最成熟的CSS预处理器,拥有ruby社区的支持和compass这一最强大的css框架 Sass的缩排语 ...
  • 从0到1教你学习并配置webpack
    抓住2019年的尾巴,迎接2020年的到来~ 给自己的2019年画上一个完美的句号。 引言 webpack 对于现在的前端开发的你来说,不算陌生,你或许没有真正去了解过它是如何使用的,但你的项目中确实使用过它,因为你项目的打包编译都跟他息息 ...
  • VUE第三天学习
    内容:生命周期、vue-cli脚手架、组件传值 购物车bug解决: watch中改变了每一个商品的选中状态,此时,计算属性也会重新执行,造成数据冲突。 解决办法:把监听去掉,给全选增加一个单独的点击事件 checkAll(){ th ...
  • 6、webpack从0到1-less、sass、postcss
    还是延续上节的内容,webpack如何处理less、sass这种预编译样式文件。 本节的内容主要是postcss的运用,postcss很强大,我们小试牛刀用它来实现在不同的浏览器中为我们自动添加前缀如-webkit-、-moz-等等以做兼 ...

暂无数据